<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>customer reviews</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/customer_reviews.css"/>
    <script src="../js/angular-1.4.6.min.js"></script>
    <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
</head>
<body ng-app="">
<!--公共头部-->
<div ng-include="'../html/header.html'"></div>
<div class="banner container-fluid" style="background-image: url('../img/vimostsports（FAQS-）伸展页_02.jpg')">
    <div class="container-fluid text-center">
        <p class="b-title text-uppercase bold">customer reviews</p>
        <p class="b-word text-uppercase bold">use the form below to direct your query straight to the appropriate department.
            <br>we aim to get back to you very quickly
        </p>
    </div>
</div>
<div class="mid-title container-fluid b-red text-center fs-14 white">ORDER NOW WITH FAST TRACK FOR DELIVERY BY Thursday 9th. STANDARD UK TURNAROUND – APPROX 6 to 8 WORKING DAYS<img src="../img/vimostsports_36.jpg"></div>
<div class="bread container-fluid">
    <div class="container clear">
        <div class="fl path">
            <p class="fs-18"><em>You are here:&nbsp;</em><a href="" class="text-capitalize">Home</a>&nbsp;>&nbsp;<span class="bold red text-capitalize">CUSTOMER REVIEWS</span></p>
        </div>
        <div class="fr">
            <div class="btn b-red white fs-14 bold">JUMP TO<img src="../img/vimostsports（About-Us-）_03.jpg" alt=""/></div>
            <ul class="list fs-14 text-capitalize">
                <li>
                    <a href="">about us</a>
                </li>
                <li>
                    <a href="">gallery</a>
                </li>
                <li>
                    <a href="">sublimation</a>
                </li>
                <li>
                    <a href="">how to order</a>
                </li>
                <li>
                    <a href="">order process</a>
                </li>
                <li>
                    <a href="">fabric guide</a>
                </li>
                <li>
                    <a href="">blog</a>
                </li>
                <li>
                    <a href="">FAQS</a>
                </li>
                <li>
                    <a href="">customer reviews</a>
                </li>
                <li>
                    <a href="">contact us</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="table2 container">
    <ul class="t-title clear">
        <li>time</li>
        <li>name</li>
        <li>country</li>
        <li>satisfaction by stars</li>
    </ul>
    <div class="box">
        <ul class="scroll">
            <li>
                <div class="row top text-center text-capitalize fs-18">
                    <div class="col-3">2016-06-08</div>
                    <div class="col-3">chris***</div>
                    <div class="col-3">from:new zealand</div>
                    <div class="col-3 img-star">
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                    </div>
                </div>
                <div class="word fs-14">Very good things and inexpensive small sets of the general suit just fit the size of the long wide suit or short coat can be a long coat on the plug does not go in there, especially the express aunt is very responsible for so~!</div>
            </li>
            <li>
                <div class="row top text-center text-capitalize fs-18">
                    <div class="col-3">2016-06-08</div>
                    <div class="col-3">chris***</div>
                    <div class="col-3">from:new zealand</div>
                    <div class="col-3 img-star">
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                    </div>
                </div>
                <div class="word fs-14">Very good things and inexpensive small sets of the general suit just fit the size of the long wide suit or short coat can be a long coat on the plug does not go in there, especially the express aunt is very responsible for so~!</div>
            </li>
            <li>
                <div class="row top text-center text-capitalize fs-18">
                    <div class="col-3">2016-06-08</div>
                    <div class="col-3">chris***</div>
                    <div class="col-3">from:new zealand</div>
                    <div class="col-3 img-star">
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                    </div>
                </div>
                <div class="word fs-14">Very good things and inexpensive small sets of the general suit just fit the size of the long wide suit or short coat can be a long coat on the plug does not go in there, especially the express aunt is very responsible for so~!</div>
            </li>
            <li>
                <div class="row top text-center text-capitalize fs-18">
                    <div class="col-3">2016-06-08</div>
                    <div class="col-3">chris***</div>
                    <div class="col-3">from:new zealand</div>
                    <div class="col-3 img-star">
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                    </div>
                </div>
                <div class="word fs-14">Very good things and inexpensive small sets of the general suit just fit the size of the long wide suit or short coat can be a long coat on the plug does not go in there, especially the express aunt is very responsible for so~!</div>
            </li>
            <li>
                <div class="row top text-center text-capitalize fs-18">
                    <div class="col-3">2016-06-08</div>
                    <div class="col-3">chris***</div>
                    <div class="col-3">from:new zealand</div>
                    <div class="col-3 img-star">
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                    </div>
                </div>
                <div class="word fs-14">Very good things and inexpensive small sets of the general suit just fit the size of the long wide suit or short coat can be a long coat on the plug does not go in there, especially the express aunt is very responsible for so~!</div>
            </li>
            <li>
                <div class="row top text-center text-capitalize fs-18">
                    <div class="col-3">2016-06-08</div>
                    <div class="col-3">chris***</div>
                    <div class="col-3">from:new zealand</div>
                    <div class="col-3 img-star">
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                        <img src="../img/pinglin-wujiaoxing.jpg" alt=""/>
                    </div>
                </div>
                <div class="word fs-14">Very good things and inexpensive small sets of the general suit just fit the size of the long wide suit or short coat can be a long coat on the plug does not go in there, especially the express aunt is very responsible for so~!</div>
            </li>
        </ul>
    </div>
</div>
<div class="pagination">
    <a href="" class="prev">&lt;</a>
    <a href=""><span>1</span></a>
    <strong><span>2</span></strong>
    <a href=""><span>3</span></a>
    <a href=""><span>4</span></a>
    <a href=""><span>5</span></a>
    <a href="" class="next">&gt;</a>
</div>
<div class="comment container">
    <span class="title bold"><img src="../img/vimostsports（Customer-Reviews-）_07.jpg" alt=""/>write a review</span>
    <ul>
        <li>
            <p class="item-name text-capitalize">your name<span class="red">*</span></p>
            <input type="text"/>
        </li>
        <li>
            <p class="item-name text-capitalize">your email<span class="red">*</span></p>
            <input type="text"/>
        </li>
        <li>
            <p class="item-name text-capitalize">country</p>
            <input type="text"/>
        </li>
        <li>
            <p class="item-name text-capitalize">satisfaction</p>
            <div class="star clear" data-score="0">
                <div class="star-i"></div><div class="star-i"></div><div class="star-i"></div><div class="star-i"></div><div class="star-i"></div>
            </div>
        </li>
        <li>
            <p class="item-name text-capitalize">comment</p>
            <textarea></textarea>
        </li>
    </ul>
    <div class="submit bold">SUBMIT</div>
</div>
<!--公共底部-->
<div ng-include="'../html/footer.html'"></div>
</body>
<script>
    $(function(){
        $('.star-i').click(function(){
            var _index = $(this).index()+1;
            $(this).parent().attr('data-score',_index);
            $(this).css('background-positionY','26px').prevAll().css('background-positionY','26px');
            $(this).nextAll().css('background-positionY','');
        })
    })
</script>
<script src="../js/scroll_top.js"></script>
</html>